<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
	xmlns:h="http://xmlns.jcp.org/jsf/html"
	xmlns:f="http://xmlns.jcp.org/jsf/core"
	xmlns:pt="http://xmlns.jcp.org/jsf/passthrough"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/WEB-INF/templates/defaultLayout.xhtml">

	<!-- Definiendo la cabecera de la pagina -->
	<ui:define name="title">
		<h:outputText value="Apertura Cta. Plazo fijo" />
	</ui:define>

	<!-- Definiendo el cuerpo de la pagina -->
	<ui:define name="content">

		<h:outputStylesheet library="css" name="main.css" />

		<h:panelGroup
			rendered="#{aperturaCuentaplazofijoBean.loginBean.dlgLogin}">
			<div class="modal-dialog-bg"
				style="opacity: 0.4; width: 1366px; height: 902px;"></div>
			<div class="modal-dialog p6n-popup"
				style="left: 512.5px; top: 100px;">
				<div>AUTENTICACION</div>
				<h:form>
					<div class="modal-dialog-content">
						<div id="p6n-cloudsql-content">
							<div>
								<div
									class="p6n-api-consent-screen-input-error p6n-api-consent-screen-product-name-error-msg">
									<h:outputLabel value="Usuario y/o password invalidos"
										rendered="#{!aperturaCuentaplazofijoBean.loginBean.autenticado and aperturaCuentaplazofijoBean.loginBean.success}" />
								</div>
								<div class="p6n-api-consent-screen-inputs">
									<div class="p6n-api-consent-screen-input-section">
										<div class="p6n-api-consent-screen-label"
											style="width: 150px;">USUARIO</div>
										<div>
											<h:inputText id="txtUsuario"
												value="#{aperturaCuentaplazofijoBean.loginBean.usuario}"
												required="true" requiredMessage="Ingrese usuario"
												autocomplete="off" />
										</div>
									</div>
									<div
										class="p6n-api-consent-screen-input-error p6n-api-consent-screen-product-name-error-msg">
										<h:message for="txtUsuario" />
									</div>
									<div class="p6n-api-consent-screen-input-section">
										<div class="p6n-api-consent-screen-label"
											style="width: 150px;">PASSWORD</div>
										<div>
											<h:inputSecret id="txtPassword"
												value="#{aperturaCuentaplazofijoBean.loginBean.password}"
												required="true" requiredMessage="Ingrese password"
												autocomplete="off" />
										</div>
									</div>
									<div
										class="p6n-api-consent-screen-input-error p6n-api-consent-screen-product-name-error-msg">
										<h:message for="txtPassword" />
									</div>
								</div>
							</div>
							<br></br>
						</div>
					</div>

					<div class="modal-dialog-buttons">
						<br />
						<h:commandButton value="Aceptar"
							actionListener="#{aperturaCuentaplazofijoBean.loginBean.login()}"
							styleClass="action blue" onclick="onSubmitButton();" />
						<h:commandButton value="Cancelar"
							action="#{aperturaCuentaplazofijoBean.loginBean.setDlgLogin(false)}"
							immediate="true" styleClass="action" onclick="onSubmitButton();">
						</h:commandButton>
					</div>
				</h:form>
			</div>
		</h:panelGroup>

		<h:form>
			<div id="p6n-cloudsql-content">
				<div>
					<div class="p6n-cloudsql-create-summary" style="top: 150px;">
						<h1>RESUMEN</h1>
						<hr />
						<div class="p6n-cloudsql-summary">
							<div class="p6n-cloudsql-summary-bold">Moneda</div>
							<div class="p6n-cloudsql-summary-light">
								<h:outputLabel
									value="#{aperturaCuentaplazofijoBean.comboTipomoneda.objectItemSelected.abreviatura} #{aperturaCuentaplazofijoBean.comboTipomoneda.objectItemSelected.denominacion}" />
							</div>
							<div class="p6n-cloudsql-summary-bold">Monto</div>
							<div class="p6n-cloudsql-summary-light">
								<h:outputLabel
									value="#{aperturaCuentaplazofijoBean.montoApertura}" />
							</div>
							<div>
								<div style="display: inline-block; width: 150px;">
									<div class="p6n-cloudsql-summary-bold">Fecha apertura</div>
									<div class="p6n-cloudsql-summary-light">
										<h:outputLabel
											value="#{aperturaCuentaplazofijoBean.calcularFecha()}" />
									</div>
								</div>
								<div style="display: inline-block; width: 150px;">
									<div class="p6n-cloudsql-summary-bold">Fecha cierre</div>
									<div class="p6n-cloudsql-summary-light">
										<h:outputLabel
											value="#{aperturaCuentaplazofijoBean.calcularFechaCierre()}" />
									</div>
								</div>
							</div>
							<div class="p6n-cloudsql-summary-bold">Periodo</div>
							<div class="p6n-cloudsql-summary-light">
								<h:outputLabel
									value="#{aperturaCuentaplazofijoBean.periodoDeposito} dias" />
							</div>
							<div class="p6n-cloudsql-summary-bold">Interes generado</div>
							<div class="p6n-cloudsql-summary-light">
								<h:outputLabel
									value="#{aperturaCuentaplazofijoBean.interesGenerado}">
								</h:outputLabel>
							</div>
							<div class="p6n-cloudsql-summary-bold">TOTAL</div>
							<div class="p6n-cloudsql-summary-light">
								<h:outputLabel
									value="#{aperturaCuentaplazofijoBean.calcularTotal()}" />
							</div>
						</div>
						<div class="p6n-cloudsql-buttonbar">
							<h:commandButton value="Recalcular"
								action="#{aperturaCuentaplazofijoBean.calcularInteresGenerado()}"
								styleClass="action blue" />
						</div>
					</div>
				</div>
			</div>

			<div style="margin-left: 50px;">
				<div>
					<div>
						<div class="p6n-api-consent-screen-inputs">
							<div class="sf-separator">
								<div>
									<h3 class="p6n-api-consent-screen-title"
										style="color: #298B11;">DATOS DE PLAZO FIJO</h3>
								</div>

							</div>
							<div>
								<div class="p6n-api-consent-screen-input-section">
									<div class="p6n-api-consent-screen-label">MONEDA</div>
									<div>
										<div>
											<h:selectOneMenu id="cmbTipomonedaCuentaplazofijo"
												value="#{aperturaCuentaplazofijoBean.comboTipomoneda.itemSelected}"
												required="true" requiredMessage="Seleccione tipo de moneda">
												<f:selectItem itemLabel="--SELECCIONE--" itemValue="" />
												<f:selectItems
													value="#{aperturaCuentaplazofijoBean.comboTipomoneda.items.entrySet()}"
													var="val"
													itemLabel="#{val.value.abreviatura} #{val.value.denominacion}"
													itemValue="#{val.key}" />
											</h:selectOneMenu>											
										</div>
									</div>
								</div>
								<div
									class="p6n-api-consent-screen-input-error p6n-api-consent-screen-product-name-error-msg">
									<h:message for="cmbTipomonedaCuentaplazofijo" />
								</div>
								<div class="p6n-api-consent-screen-input-section">
									<div class="p6n-api-consent-screen-label">MONTO APERTURA</div>
									<div>
										<div>
											<h:inputText id="txtMonto" required="true"
												requiredMessage="Ingrese monto"
												converterMessage="Ingrese monto valido Ejemplo: 999.00"
												value="#{aperturaCuentaplazofijoBean.montoApertura}"
												pt:placeholder="0.00">
												<f:converter converterId="javax.faces.BigDecimal"
													maxFractionDigits="2" minFractionDigits="2" pattern="0.00" />
											</h:inputText>
										</div>
									</div>
								</div>
								<div
									class="p6n-api-consent-screen-input-error p6n-api-consent-screen-product-name-error-msg">
									<h:message for="txtMonto" />
								</div>
								<div class="p6n-api-consent-screen-input-section">
									<div class="p6n-api-consent-screen-label">PERIODO DE
										DEPOSITO (dias)</div>
									<div>
										<div>
											<h:inputText id="txtPeriodo" required="true"
												requiredMessage="Ingrese un periodo"
												converterMessage="Ingrese cantidad de dias valido Ejemplo: 360"
												maxlength="3" pt:placeholder="0 dias"
												value="#{aperturaCuentaplazofijoBean.periodoDeposito}">
												<f:convertNumber integerOnly="true" type="number"
													groupingUsed="false" />
											</h:inputText>
										</div>
									</div>
								</div>
								<div
									class="p6n-api-consent-screen-input-error p6n-api-consent-screen-product-name-error-msg">
									<h:message for="txtPeriodo" />
								</div>
								<div class="p6n-api-consent-screen-input-section">
									<div class="p6n-api-consent-screen-label">TEA (%)</div>
									<div>
										<div>
											<h:panelGroup
												rendered="#{!aperturaCuentaplazofijoBean.loginBean.autenticado}">
												<h:outputLabel id="oupTipoCambio"
													value="#{aperturaCuentaplazofijoBean.tea}" />
													&nbsp;&nbsp;&nbsp;&nbsp;
												<h:commandLink
													action="#{aperturaCuentaplazofijoBean.loginBean.setDlgLogin(true)}">
													<h:outputText value="Editar" />
												</h:commandLink>
											</h:panelGroup>
											
											<h:panelGroup
												rendered="#{aperturaCuentaplazofijoBean.loginBean.autenticado}">
												<h:inputText id="txtTea" size="5" required="true"
													requiredMessage="Ingrese una tasa de interés"
													converterMessage="Ingrese tasa de interés valido Ejemplo: 9.99"
													pt:placeholder="0.00"
													value="#{aperturaCuentaplazofijoBean.tea}"
													maxlenght="5">
													<f:converter converterId="javax.faces.BigDecimal" maxFractionDigits="2" minFractionDigits="2"/>
												</h:inputText>
											</h:panelGroup>
											
											&nbsp;&nbsp;&nbsp;&nbsp;
											<h:commandLink>
												<h:outputText value="Obtener Tasa"/>
												<f:ajax listener="#{aperturaCuentaplazofijoBean.cagarTasaInteresTEA()}" execute="cmbTipomonedaCuentaplazofijo txtMonto txtPeriodo" render="@form"/>
											</h:commandLink>
										</div>
									</div>
								</div>
								<div
									class="p6n-api-consent-screen-input-error p6n-api-consent-screen-product-name-error-msg">
									<h:message for="txtTea" />
								</div>								
							</div>

							<br />
							<div class="sf-buttons" style="float: left;">
								<h:commandButton value="« Anterior" immediate="true"
									action="aperturaCuentaplazofijo-flowB"
									actionListener="#{aperturaCuentaplazofijoBean.removeTitularDefecto()}"
									styleClass="action" />
								<h:commandButton value="Siguiente »"
									action="aperturaCuentaplazofijo-flowD" styleClass="action" />
							</div>
						</div>
					</div>
				</div>
			</div>
		</h:form>
	</ui:define>

</ui:composition>
</html>